<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>Teaching system</title>

   <!-- <link rel="stylesheet" href="../css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="../css/bootstrap-extended.css" type="text/css">
    <link rel="stylesheet" href="../css/bootstrap-responsive.css" type="text/css">-->
    <link rel="stylesheet" href="/resources/css/template.css" type="text/css">
    <link rel="stylesheet" href="/resources/css/chosen.css" type="text/css">


    <script src="/resources/js/jquery.js" type="text/javascript"></script>
    <script src="/resources/js/bootstrap.js" type="text/javascript"></script>

    <script type="text/javascript">
        jQuery(document).ready(function(){
                jQuery('.hasTooltip').tooltip({"html": true,"container": "body"});
        });
        jQuery(document).ready(function (){
            jQuery('.advancedSelect').chosen({
                disable_search_threshold : 10,
                allow_single_deselect : true
            });
        });
    </script>

	<script type="text/javascript">
		window.addEvent('domready', function ()
		{
			document.getElementById('form-login').username.select();
			document.getElementById('form-login').username.focus();
		});
	</script>

</head>

<body class="site com_login view-login layout-default task- itemid- " style="">
	<!-- Container -->
	<div class="container">
		<div id="content">
			<!-- Begin Content -->
			<div id="element-box" class="login well">
				<img src="/resources/img/logo.png" alt="Joomla!">
				<hr>

	<form action="/login/" method="post" id="form-login" class="form-inline">
	<fieldset class="loginform">
		<div class="control-group">
			<div class="controls">
				<div class="input-prepend input-append">
					<span class="add-on">
						<i class="icon-user hasTooltip" title="" data-original-title="User Name"></i>
						<label for="mod-login-username" class="element-invisible">
							User Name
                        </label>
					</span>
					<input name="userName" tabindex="1" id="mod-login-username" type="text" class="input-medium" placeholder="User Name" size="15">
				</div>
			</div>
		</div>
		<div class="control-group">
			<div class="controls">
				<div class="input-prepend input-append">
					<span class="add-on">
						<i class="icon-lock hasTooltip" title="" data-original-title="Password"></i>
						<label for="mod-login-password" class="element-invisible">
							Password
                        </label>
					</span>
					<input name="password" tabindex="2" id="mod-login-password" type="password" class="input-medium" placeholder="Password" size="15">
				</div>
			</div>
		</div>
        <h4>${message}</h4>
		<div class="control-group">
			<div class="controls">
				<div class="btn-group pull-left">
					<button tabindex="3" class="btn btn-primary btn-large">
						<i class="icon-lock"></i> Log in
                    </button>
				</div>
                <div class="btn-group pull-right">
                    <a tabindex="3" class="btn btn-primary btn-large" href="/registration/">
                        <i class="icon-edit icon-white"></i> Register
                    </a>
                </div>
			</div>
		</div>
		</fieldset>
</form>

			</div>
			<noscript>
				Warning! JavaScript must be enabled for proper operation of the Administrator backend.			</noscript>
			<!-- End Content -->
		</div>
	</div>
	<div class="navbar navbar-fixed-bottom">
		<p class="center">© 2013</p>
	</div>
	


</body></html>